<template>

<div>user</div>
<div>{{ name }}</div>
<div>{{ age }}</div>
<div>{{ token }}</div>
<div>{{ count }}</div>
<button @click="increment">increment</button>
</template>
<script setup >
import {ref,reactive} from "vue"
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'

const userStore = useUserStore()
const { name, age, token, count } = storeToRefs(userStore)

const increment = () => {
  userStore.increment()
}

</script>
<style lang="scss" scoped>


</style>
